{literal}
<style>
    a.menu-grid-item{
        background-color: #F3F3F3;
        border-color: #DCDFE3 #D0D4D8 #D0D4D8 #DCDFE3;
        border-image: none;
        border-style: solid;
        border-width: 1px;
        color: #666666;
        display: block;
        float: left;
        margin: 10px 0px 0px 10px;
        padding:12px 6px;
        text-align: center;
        width:100px;
        border-radius:5px;-moz-border-radius:5px;
        -webkit-border-radius:5px
    }

    a.menu-grid-item:hover {
        background-color: #E8E8F7;
        border: solid 1px #000000;
    }

    #admin_home a{
        text-decoration:none;
    }
</style>
{/literal}
<div id="admin_home">
    <table cellpadding="4" cellspacing="0" width="100%" bgcolor="#FFFFFF" style="border:1px solid #999;">
    <tr>
        <td align="center" bgcolor="#54B4E8" style="padding:8px;">
            <strong><a style="color:#fff" href="{$smarty.const.WEB_DIR}admin.html">HỆ THỐNG QUẢN TRỊ {$smarty.const.WEB_NAME}</a></strong></td>
    </tr>
    <tr>
        <td align="center" valign="top" style="padding:0px; height:600px;">
        {foreach from=$header_menu item=menu}
            <fieldset style="background: none repeat scroll 0% 0% rgb(255, 255, 255); margin: 10px; border: 1px solid rgb(187, 187, 187);border-radius : 3px; -moz-border-radius : 3px; -webkit-border-radius : 3px;padding:0 10px 10px 0;float:left;white-space: nowrap">

                <legend style="font-weight:bold;text-transform: uppercase;color:#007ABC;margin:0 15px;font-size: 13px">
                    <a style="color:#000" {if $menu.url}href="{if $menu.url2}{$menu.url2}{else}{$menu.url}{/if}"{/if} title="{if $menu.des2}{$menu.des2}{else}{$menu.des}{/if}">{if $menu.title2}{$menu.title2}{else}{$menu.title}{/if}</a>
                </legend>
                {if $menu.show2}
                    <a href="{$menu.url}" class="menu-grid-item" title="{$menu.des}" style="font-family:arial">
                        <img src="{$menu.image}" height="60" style="margin-bottom:10px"/>
                        <br />
                        <span style="margin:0;padding:0;font-size:11px">{$menu.title}</span>
                    </a>
                {/if}
                {foreach from=$menu.sub_menu item=sub}
                    {if !$sub.not_show2}
                        <a href="{$sub.url}" class="menu-grid-item" title="{$sub.des}" style="font-family:arial">
                            <img src="{$sub.image}" height="60" style="margin-bottom:10px"/>
                            <br />
                            <span style="margin:0;padding:0;font-size:11px">{$sub.title}</span>
                        </a>
                    {/if}
                {/foreach}
                <div style="clear: both;height: 0;width: 0;overflow: hidden"></div>
            </fieldset>
        {/foreach}
        </td>
    </tr>
</table>
</div>